.strollUl {
    position: relative;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    list-style: none;
    -webkit-perspective: 400px;
    -moz-perspective: 400px;
    -ms-perspective: 400px;
    -o-perspective: 400px;
    perspective: 400px;
}
.strollUl li {
    z-index: 2;
    background: #eee;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    transform: translateZ(0px);
}
.strollUl li:nth-child(odd) {
    background: #fff
}
.cards {
    -webkit-perspective: 300px;
    -moz-perspective: 300px;
    -ms-perspective: 300px;
    -o-perspective: 300px;
    perspective: 300px;
    -webkit-perspective-origin: 50% 50%;
    -moz-perspective-origin: 50% 50%;
    -ms-perspective-origin: 50% 50%;
    -o-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%
}

.cards li {
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.cards li.past {
    -webkit-transform: translate3d( 0,-100px,-100px ) rotateX( -90deg );
    -moz-transform: translate3d( 0,-100px,-100px ) rotateX( -90deg );
    -ms-transform: translate3d( 0,-100px,-100px ) rotateX( -90deg );
    -o-transform: translate3d( 0,-100px,-100px ) rotateX( -90deg );
    transform: translate3d( 0,-100px,-100px ) rotateX( -90deg )
}

.cards li.future {
    -webkit-transform: translate3d( 0,100px,-100px ) rotateX( 90deg );
    -moz-transform: translate3d( 0,100px,-100px ) rotateX( 90deg );
    -ms-transform: translate3d( 0,100px,-100px ) rotateX( 90deg );
    -o-transform: translate3d( 0,100px,-100px ) rotateX( 90deg );
    transform: translate3d( 0,100px,-100px ) rotateX( 90deg )
}

.grow li {
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.grow li.past {
    -webkit-transform: scale( 0.01 );
    -moz-transform: scale( 0.01 );
    -ms-transform: scale( 0.01 );
    -o-transform: scale( 0.01 );
    transform: scale( 0.01 )
}

.grow li.future {
    -webkit-transform: scale( 0.01 );
    -moz-transform: scale( 0.01 );
    -ms-transform: scale( 0.01 );
    -o-transform: scale( 0.01 );
    transform: scale( 0.01 )
}

.flip {
    -webkit-perspective: 400px;
    -moz-perspective: 400px;
    -ms-perspective: 400px;
    -o-perspective: 400px;
    perspective: 400px;
    -webkit-perspective-origin: 50% 50%;
    -moz-perspective-origin: 50% 50%;
    -ms-perspective-origin: 50% 50%;
    -o-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%
}

.flip li {
    -webkit-transition: all 600ms ease,opacity 300ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease,opacity 300ms ease;
    -o-transition: all 600ms ease,opacity 300ms ease;
    transition: all 600ms ease,opacity 300ms ease;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%
}

.flip li.past {
    opacity: 0;
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: rotateX( 80deg );
    -moz-transform: rotateX( 80deg );
    -ms-transform: rotateX( 80deg );
    -o-transform: rotateX( 80deg );
    transform: rotateX( 80deg )
}

.flip li.future {
    opacity: 0;
    -webkit-transform: rotateX( -80deg );
    -moz-transform: rotateX( -80deg );
    -ms-transform: rotateX( -80deg );
    -o-transform: rotateX( -80deg );
    transform: rotateX( -80deg )
}

.fly {
    -webkit-perspective: 400px;
    -moz-perspective: 400px;
    -ms-perspective: 400px;
    -o-perspective: 400px;
    perspective: 400px;
    -webkit-perspective-origin: 50% 50%;
    -moz-perspective-origin: 50% 50%;
    -ms-perspective-origin: 50% 50%;
    -o-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%
}

.fly li {
    -webkit-transition: all 600ms ease,opacity 300ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease,opacity 300ms ease;
    -o-transition: all 600ms ease,opacity 300ms ease;
    transition: all 600ms ease,opacity 300ms ease;
    -webkit-transform-origin: 50% 50% -50px;
    -moz-transform-origin: 50% 50% -50px;
    -ms-transform-origin: 50% 50% -50px;
    -o-transform-origin: 50% 50% -50px;
    transform-origin: 50% 50% -50px
}

.fly li.past {
    opacity: 0;
    -webkit-transform: rotateX( 180deg );
    -moz-transform: rotateX( 180deg );
    -ms-transform: rotateX( 180deg );
    -o-transform: rotateX( 180deg );
    transform: rotateX( 180deg )
}

.fly li.future {
    opacity: 0;
    -webkit-transform: rotateX( -180deg );
    -moz-transform: rotateX( -180deg );
    -ms-transform: rotateX( -180deg );
    -o-transform: rotateX( -180deg );
    transform: rotateX( -180deg )
}

.fly-simplified {
    -webkit-perspective: 300px;
    -moz-perspective: 300px;
    -ms-perspective: 300px;
    -o-perspective: 300px;
    perspective: 300px;
    -webkit-perspective-origin: 50% 50%;
    -moz-perspective-origin: 50% 50%;
    -ms-perspective-origin: 50% 50%;
    -o-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%
}

.fly-simplified li {
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.fly-simplified li.past {
    -webkit-transform: translate3d( 0,-100px,-100px ) rotateX( 90deg );
    -moz-transform: translate3d( 0,-100px,-100px ) rotateX( 90deg );
    -ms-transform: translate3d( 0,-100px,-100px ) rotateX( 90deg );
    -o-transform: translate3d( 0,-100px,-100px ) rotateX( 90deg );
    transform: translate3d( 0,-100px,-100px ) rotateX( 90deg )
}

.fly-simplified li.future {
    -webkit-transform: translate3d( 0,100px,-100px ) rotateX( -90deg );
    -moz-transform: translate3d( 0,100px,-100px ) rotateX( -90deg );
    -ms-transform: translate3d( 0,100px,-100px ) rotateX( -90deg );
    -o-transform: translate3d( 0,100px,-100px ) rotateX( -90deg );
    transform: translate3d( 0,100px,-100px ) rotateX( -90deg )
}

.fly-reverse {
    -webkit-perspective: 400px;
    -moz-perspective: 400px;
    -ms-perspective: 400px;
    -o-perspective: 400px;
    perspective: 400px;
    -webkit-perspective-origin: 50% 50%;
    -moz-perspective-origin: 50% 50%;
    -ms-perspective-origin: 50% 50%;
    -o-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%
}

.fly-reverse li {
    -webkit-transition: all 600ms ease,opacity 300ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease,opacity 300ms ease;
    -o-transition: all 600ms ease,opacity 300ms ease;
    transition: all 600ms ease,opacity 300ms ease;
    -webkit-transform-origin: 50% 50% -50px;
    -moz-transform-origin: 50% 50% -50px;
    -ms-transform-origin: 50% 50% -50px;
    -o-transform-origin: 50% 50% -50px;
    transform-origin: 50% 50% -50px
}

.fly-reverse li.past {
    opacity: 0;
    -webkit-transform: rotateX( -180deg );
    -moz-transform: rotateX( -180deg );
    -ms-transform: rotateX( -180deg );
    -o-transform: rotateX( -180deg );
    transform: rotateX( -180deg )
}

.fly-reverse li.future {
    opacity: 0;
    -webkit-transform: rotateX( 180deg );
    -moz-transform: rotateX( 180deg );
    -ms-transform: rotateX( 180deg );
    -o-transform: rotateX( 180deg );
    transform: rotateX( 180deg )
}

.skew {
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    -ms-perspective: 600px;
    -o-perspective: 600px;
    perspective: 600px;
    -webkit-perspective-origin: 0% 50%;
    -moz-perspective-origin: 0% 50%;
    -ms-perspective-origin: 0% 50%;
    -o-perspective-origin: 0% 50%;
    perspective-origin: 0% 50%
}

.skew li {
    -webkit-transition: all 600ms ease,opacity 200ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%
}

.skew li.past {
    -webkit-transform: skewY( 30deg );
    -moz-transform: skewY( 30deg );
    -ms-transform: skewY( 30deg );
    -o-transform: skewY( 30deg );
    transform: skewY( 30deg )
}

.skew li.future {
    z-index: 0;
    -webkit-transform: skewY( -30deg );
    -moz-transform: skewY( -30deg );
    -ms-transform: skewY( -30deg );
    -o-transform: skewY( -30deg );
    transform: skewY( -30deg )
}

.helix {
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    -ms-perspective: 600px;
    -o-perspective: 600px;
    perspective: 600px;
    -webkit-perspective-origin: 50% 50%;
    -moz-perspective-origin: 50% 50%;
    -ms-perspective-origin: 50% 50%;
    -o-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%
}

.helix li {
    -webkit-transition: all 600ms ease,opacity 200ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease,opacity 200ms ease;
    -o-transition: all 600ms ease,opacity 200ms ease;
    transition: all 600ms ease,opacity 200ms ease;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.helix li.past {
    opacity: 0;
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -ms-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg )
}

.helix li.future {
    opacity: 0;
    -webkit-transform: rotateY( -180deg );
    -moz-transform: rotateY( -180deg );
    -ms-transform: rotateY( -180deg );
    -o-transform: rotateY( -180deg );
    transform: rotateY( -180deg )
}

.wave li {
    -webkit-transition: all 600ms cubic-bezier(.26,.86,.44,.985);
    -moz-transition: all 600ms cubic-bezier(.26,.86,.44,.985);
    -ms-transition: all 600ms cubic-bezier(.26,.86,.44,.985);
    -o-transition: all 600ms cubic-bezier(.26,.86,.44,.985);
    transition: all 600ms cubic-bezier(.26,.86,.44,.985)
}

.wave li.past {
    -webkit-transform: translateX( -70% );
    -moz-transform: translateX( -70% );
    -ms-transform: translateX( -70% );
    -o-transform: translateX( -70% );
    transform: translateX( -70% )
}

.wave li.future {
    -webkit-transform: translateX( -70% );
    -moz-transform: translateX( -70% );
    -ms-transform: translateX( -70% );
    -o-transform: translateX( -70% );
    transform: translateX( -70% )
}

.fan li {
    -webkit-transition: all 600ms cubic-bezier(.39,.575,.565,1);
    -moz-transition: all 600ms cubic-bezier(.39,.575,.565,1);
    -ms-transition: all 600ms cubic-bezier(.39,.575,.565,1);
    -o-transition: all 600ms cubic-bezier(.39,.575,.565,1);
    transition: all 600ms cubic-bezier(.39,.575,.565,1);
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%
}

.fan li.past {
    -webkit-transform: rotate( -60deg );
    -moz-transform: rotate( -60deg );
    -ms-transform: rotate( -60deg );
    -o-transform: rotate( -60deg );
    transform: rotate( -60deg )
}

.fan li.future {
    -webkit-transform: rotate( 70deg );
    -moz-transform: rotate( 70deg );
    -ms-transform: rotate( 70deg );
    -o-transform: rotate( 70deg );
    transform: rotate( 70deg )
}

.tilt {
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -ms-perspective: 800px;
    -o-perspective: 800px;
    perspective: 800px;
    -webkit-perspective-origin: 50% 50%;
    -moz-perspective-origin: 50% 50%;
    -ms-perspective-origin: 50% 50%;
    -o-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%
}

.tilt li {
    position: relative;
    -webkit-transition: all 1000ms cubic-bezier(.26,.86,.44,.985),opacity 300ms ease;
    -moz-transition: all 1000ms cubic-bezier(.26,.86,.44,.985);
    -ms-transition: all 1000ms cubic-bezier(.26,.86,.44,.985),opacity 300ms ease;
    -o-transition: all 1000ms cubic-bezier(.26,.86,.44,.985),opacity 300ms ease;
    transition: all 1000ms cubic-bezier(.26,.86,.44,.985),opacity 300ms ease
}

.tilt li.past {
    opacity: 0;
    -webkit-transform: translateY( 100% ) translateZ(-200px);
    -moz-transform: translateY( 100% ) translateZ(-200px);
    -ms-transform: translateY( 100% ) translateZ(-200px);
    -o-transform: translateY( 100% ) translateZ(-200px);
    transform: translateY( 100% ) translateZ(-200px)
}

.tilt li.future {
    opacity: 0;
    -webkit-transform: translateY( -100% ) translateZ(-200px);
    -moz-transform: translateY( -100% ) translateZ(-200px);
    -ms-transform: translateY( -100% ) translateZ(-200px);
    -o-transform: translateY( -100% ) translateZ(-200px);
    transform: translateY( -100% ) translateZ(-200px)
}

.curl {
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    -ms-perspective: 600px;
    -o-perspective: 600px;
    perspective: 600px;
    -webkit-perspective-origin: 0% 50%;
    -moz-perspective-origin: 0% 50%;
    -ms-perspective-origin: 0% 50%;
    -o-perspective-origin: 0% 50%;
    perspective-origin: 0% 50%
}

.curl li {
    -webkit-transition: all 600ms ease,opacity 200ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease,opacity 200ms ease;
    -o-transition: all 600ms ease,opacity 200ms ease;
    transition: all 600ms ease,opacity 200ms ease;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.curl li.past {
    opacity: 0;
    -webkit-transform: rotateY( 90deg );
    -moz-transform: rotateY( 90deg );
    -ms-transform: rotateY( 90deg );
    -o-transform: rotateY( 90deg );
    transform: rotateY( 90deg )
}

.curl li.future {
    opacity: 0;
    -webkit-transform: rotateY( 90deg );
    -moz-transform: rotateY( 90deg );
    -ms-transform: rotateY( 90deg );
    -o-transform: rotateY( 90deg );
    transform: rotateY( 90deg )
}

.papercut {
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    -ms-perspective: 600px;
    -o-perspective: 600px;
    perspective: 600px;
    -webkit-perspective-origin: 0% 0%;
    -moz-perspective-origin: 0% 0%;
    -ms-perspective-origin: 0% 0%;
    -o-perspective-origin: 0% 0%;
    perspective-origin: 0% 0%
}

.papercut li {
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%
}

.papercut li.past {
    -webkit-transform: skewY( -30deg );
    -moz-transform: skewY( -30deg );
    -ms-transform: skewY( -30deg );
    -o-transform: skewY( -30deg );
    transform: skewY( -30deg )
}

.papercut li.future {
    -webkit-transform: skewY( 30deg );
    -moz-transform: skewY( 30deg );
    -ms-transform: skewY( 30deg );
    -o-transform: skewY( 30deg );
    transform: skewY( 30deg )
}

.zipper li {
    -webkit-transition: all 600ms cubic-bezier(.39,.575,.565,1);
    -moz-transition: all 600ms cubic-bezier(.39,.575,.565,1);
    -ms-transition: all 600ms cubic-bezier(.39,.575,.565,1);
    -o-transition: all 600ms cubic-bezier(.39,.575,.565,1);
    transition: all 600ms cubic-bezier(.39,.575,.565,1);
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    transform-origin: 50% 0%
}

.zipper li.past:nth-child(odd),.zipper li.future:nth-child(odd) {
    -webkit-transform: translateX( 80% );
    -moz-transform: translateX( 80% );
    -ms-transform: translateX( 80% );
    -o-transform: translateX( 80% );
    transform: translateX( 80% )
}

.zipper li.past:nth-child(even),.zipper li.future:nth-child(even) {
    -webkit-transform: translateX( -80% );
    -moz-transform: translateX( -80% );
    -ms-transform: translateX( -80% );
    -o-transform: translateX( -80% );
    transform: translateX( -80% )
}

.fade li {
    -webkit-transition: opacity .35s ease-in-out;
    -moz-transition: opacity .35s ease-in-out;
    -ms-transition: opacity .35s ease-in-out;
    -o-transition: opacity .35s ease-in-out;
    transition: opacity .35s ease-in-out
}

.fade li.past {
    opacity: 0
}

.fade li.future {
    opacity: 0
}

.twirl {
    -webkit-perspective: 400px;
    -moz-perspective: 400px;
    -ms-perspective: 400px;
    -o-perspective: 400px;
    perspective: 400px;
    -webkit-perspective-origin: 50% 50%;
    -moz-perspective-origin: 50% 50%;
    -ms-perspective-origin: 50% 50%;
    -o-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%
}

.twirl li {
    -webkit-transition: all 600ms ease,opacity 200ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease,opacity 200ms ease;
    -o-transition: all 600ms ease,opacity 200ms ease;
    transition: all 600ms ease,opacity 200ms ease;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.twirl li.past {
    opacity: 0;
    -webkit-transform: rotate3d( 80,-70,10,180deg );
    -moz-transform: rotate3d( 80,70,10,180deg );
    -ms-transform: rotate3d( 80,70,10,180deg );
    -o-transform: rotate3d( 80,70,10,180deg );
    transform: rotate3d( 80,70,10,180deg )
}

.twirl li.future {
    opacity: 0;
    -webkit-transform: rotate3d( 80,70,10,-180deg );
    -moz-transform: rotate3d( 80,70,10,-180deg );
    -ms-transform: rotate3d( 80,70,10,-180deg );
    -o-transform: rotate3d( 80,70,10,-180deg );
    transform: rotate3d( 80,70,10,-180deg )
}
